html, body {
  margin: 0em;
  padding: 0em;
  font-family: helvetica, arial, sans-serif;
  font-size: 11pt;
  height: 100%;
  color: #555753;
}

* a img {
  border: none;
}

dt {
  float: left;
  clear: left;
  padding-right: 1em; 
}

#page_container {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

/*     header     */

#header {
  margin: 0;
  padding: 0;
  background: #D3D7CF;
  overflow: hidden;
}

#header a {
  text-decoration: none;
  color: #4E9A06;
}

#header a:hover {
  text-decoration: underline;
}

#logo {
  background-image: url(/images/sawblade.png);
  background-repeat: no-repeat;
  padding-top: 1em;
  padding-left: 10em;
}

#logo a:hover {
  text-decoration: none;
  border: 0;
}

span#flaw, span#mill {
  font-size: 36pt;
  font-family: sans;
  color: #888A85;
}

span#mill {
  color: #4E9A06;
}

span#beta {
  color: #FFF;
  font-weight: bold;
}

#header #user_info {
  float: right;
  font-size: 9pt;
  font-family: sans;
  color: #555753;
  padding-right: 1em;
}

#header #menu {
  width: 100%;
  background: #4E9A06;
}

#header #menu ul#nav {
  font-size: 10pt;
  float: right;
  list-style-type: none;
  background: #4E9A06;
  padding: 0;
  padding-top: 2px;
  border-top: 1px solid #888A85;
  margin: 0;
}

#header #menu ul#project_nav {
  font-size: 10pt;
  list-style-type: none;
  background: #4E9A06;
  padding: 0;
  padding-top: 2px;
  border-top: 1px solid #888A85;
  margin: 0;
}

#header #menu ul#nav li {
  float: right;
  margin-right: 5px;
  text-align: center;
}

#header #menu ul#project_nav li {
  margin-left: 5px;
  text-align: center;
}

#header #menu ul#nav li a {
  float: left;
  width: 95px;
  padding: 3px 0;
  color: #FFF;
}

#header #menu ul#project_nav li a {
  float: left;
  padding: 3px 5px;
  padding-left: 2em;
  padding-right: 2em;
  color: #FFF;
}

#header #menu ul#nav li a.selected {
  color: #4E9A06;
  background: #FFF;
  -moz-border-radius-topleft: 5px;
  -o-border-radius-topleft: 5px;
  -webkit-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -o-border-radius-topright: 5px;
  -webkit-border-radius-topright: 5px;
}

#header #menu ul#project_nav li a.selected {
  color: #4E9A06;
  background: #FFF;
  -moz-border-radius-topleft: 5px;
  -o-border-radius-topleft: 5px;
  -webkit-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -o-border-radius-topright: 5px;
  -webkit-border-radius-topright: 5px;
}

#header #menu ul#nav li a.project {
  margin-right: 100px;
  color: #4E9A06;
  background: #FFF;
  -moz-border-radius-topleft: 5px;
  -o-border-radius-topleft: 5px;
  -webkit-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -o-border-radius-topright: 5px;
  -webkit-border-radius-topright: 5px;
}

#header #menu ul#project_nav li a.project {
  margin-right: 100px;
  color: #4E9A06;
  background: #FFF;
  -moz-border-radius-topleft: 5px;
  -o-border-radius-topleft: 5px;
  -webkit-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -o-border-radius-topright: 5px;
  -webkit-border-radius-topright: 5px;
}

/*     content     */

p.flash_notice {
  color: #4E9A06;
  text-align: center;
}

#content {
  min-height: 100%;
  height: 100%;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 4em;
}

#content a {
  color: #4E9A06;
  text-decoration: none;
}

#content a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 22pt;
}

h2 {
  font-size: 16pt;
}

h3 {
  font-size: 14pt;
}

/*     floaters     */

div.float_container {
  float: right;
}

div.floater {
  float: right;
  clear: right;
  border: 1px solid #BABDB6;
  padding: 0.5em;
  width: 12em;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 10pt;
  margin-top: 0.5em;
  background-color: #EEEEEC;
}

div.floater h2 {
  font-size: 12pt;
  color: #555753;
  margin: 0em;
  border-bottom: 1px solid #BABDB6;
}

div.floater dl {
  padding-left: 1em;
  padding-right: 0.5em;
}

div.floater dt {
  padding: 0;
  margin: 0;
  float: left;
  clear: left;
  display: inline;
}

div.floater dd {
  text-align: right;
  padding: 0;
  margin: 0;
}

div.floater ul {
  list-style: none;
  padding-left: 1em;
}

/*      attachments      */

div.attachments_and_changes {
  border: 1px solid #BABDB6;
  padding: 0.5em;
  width: 30em;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 10pt;
  margin-top: 0.5em;
  margin-left: 1em;
  background-color: #EEEEEC;
}

div.attachments_and_changes h4 {
  font-size: 11pt;
  color: #555753;
  margin: 0em;
  border-bottom: 1px solid #BABDB6;
}

div.attachments_and_changes p {
  margin: 0.2em;
}

div.attachments_and_changes ul {
  /* padding should match div.attachments margin to display correctly. */
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 1em;
}

div attachments_and_changes li {
  padding: 0em;
}

div.attachments_and_changes dl {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 0.5em;
}

div.attachments_and_changes dt {
  padding: 0;
  margin-left: 3em;
  float: left;
  clear: left;
  display: inline;
}

div.attachments_and_changes dd {
  text-align: right;
  padding: 0;
  margin-right: 5em;;
}

div.attachments_and_changes span.description {
  font-style: italic;
}

div.attachments_and_changes div.attached_image a img {
  float: right;
  clear: right;
  border: none;
  vertical-align: middle;
}

div#issue_attachments {
  /*margin-top: 3em;*/
  float: left;
}

/*      forms      */

form dt {
  text-align: right;
  padding-right: 1em;
  width: 9em;
  float: left;
  clear: left;
}

form dd {
  margin-left: 9em;
}

form a img.remove_img {
  /*float: left;*/
  vertical-align: text-bottom;
}

form label.required {
  font-weight: bold;
}

form input,
form textarea {
  border: 1px solid #BABDB6;
  background-color: #EEEEEC;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 30em;
  font-size: 10pt;
  margin-top: 0.1em;
  margin-bottom: 0em;
  padding: 0.1em;
}

form input.project {
  width: 22.3em;
}

form input.comment_description {
  width: 20em;
}

form input.patch_description {
  width: 23.9em;
}

form input.num {
  width: 3em;
}

form input.status,
form input.priority {
  width: 15em;
}

form small {
  margin-left: 1em;
}

form input.submit {
  margin-left: 11em;
  width: 10em;
}

/******************************************************************************
 ***** page specific settings *************************************************
 ******************************************************************************/

/****** assign_to form ******/
div#assign_errors {
  position: absolute;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  right: 13.5em;
  /*background-color: #EEEEEC;*/
  background-color: #FFF;
  border: 1px solid #BABDB6;
  padding: 0.5em;
  width: 13em;
  text-align: center;
}

div#assign_errors div#assign_error_msg {
  color: #CC0000;
}

div#assign_form {
  position: absolute;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  right: 13.5em;
  /*background-color: #EEEEEC;*/
  background-color: #FFF;
  border: 1px solid #BABDB6;
  padding: 0.5em;
  width: 13em;
  text-align: center;
}

div#assign_errors a img,
div#assign_form a img {
  float: left;
  display: inline;
}

div#assign_form input {
  width: 6em;
}

/****** votes floaters ******/

div#votes {
  text-align: center;
}

div#votes img {
  vertical-align: text-bottom;
}

div#votes span.value {
  margin-left: 0.1em;
  margin-right: 0.1em;
  font-size: 28pt;
}

/****** shared/_project_summary ******/

div.project_summary {
  padding-left: 1.5em;
  padding-bottom: 0.5em;
}

div.project_summary span.name {
  margin-left: -0.4em;
  font-size: 16pt;
}

div.project_summary span.description {
  font-style: italic;
}

div.project_summary span.issues span.value {
  font-size: 13pt;
}

div.project_summary span.links ul {
  padding-left: 0em;
  display: inline;
}

div.project_summary span.links ul li {
  display: inline;
}

/****** shared/_issue_summary ******/

div.issue_summaries {
  float: left;
  /* extra bottom padding to force the footer below */
  padding: 0.5em 0.5em 2.5em 0.5em;
  width: 30em;
}

div.issue_summary {
  padding-left: 1.5em;
  font-size: 10pt;
}

div.issue_summary span.name {
  margin-left: -0.4em;
  font-size: 12pt;
}

div.issue_summary span.name span.value {
  font-size: 15pt;
}

div.issue_summary span.status {
  margin-left: 0.5em;
}

div.issue_summary span.attributes span.value {
  font-size: 12pt;
}

div.issue_summary span.links ul {
  padding-left: 0em;
  display: inline;
}

div.issue_summary span.links ul li {
  display: inline;
}

/****** issues/show ******/
div.issue h2 {
  border-bottom: 1px solid #BABDB6;
}

div.issue h2 span.issue_details {
  float: right;
  font-size: 10pt;
}

div.issue h2 span.edit_link {
  float: right;
  clear: both;
  padding-top: 0.6em;
  padding-right: 1em;
  font-size: 10pt;
}

div.comment_section {
  margin: 1em 3em 1em 3em;
}

div.comment h3 {
  border-bottom: 1px solid #BABDB6;
}

div.comment h3 span.comment_details {
  float: right;
  font-size: 10pt;
}

div.comment h3 span.edit_link {
  float: right;
  clear: both;
  padding-top: 0.4em;
  padding-right: 1em;
  font-size: 10pt;
}

div.comment div.comment_content {
  margin-left: 1em;
  font-size: 10.5pt;
}

/* disable headings within comments */
div.comment div.comment_content h1,
div.comment div.comment_content h2,
div.comment div.comment_content h3,
div.comment div.comment_content h4,
div.comment div.comment_content h5,
div.comment div.comment_content h6 {
  font-size: 11pt;
  border: none;
}

/*      issues/show#comment_form     */

div#comment_form h2 {
  border-bottom: 1px solid #BABDB6;
}

/****** issues/list ******/

/* Issue table for a project */
table.issue_table {
  margin: 0.5em 0em 0.5em 0em;
  padding: 0.5em;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #BABDB6;
  border-collapse: separate;
  border-spacing: 0em;
  background: #EEEEEC;
  width: 100%;
  /* removes strange inter-td space */
}

table.issue_table td,
table.issue_table th {
  vertical-align: text-bottom;
}

table.issue_table th {
  border-bottom: 1px solid #BABDB6;
}

table.issue_table td.local_id {
  text-align: center;
  font-size: 14pt;
}

table.issue_table tr.odd {
  background: #FFFFFF;
}

/* Make colored rows for issue priority */
table.issue_table tr.issue_critical_even {
  background: #d99;
}

table.issue_table tr.issue_critical_odd {
  background: #e1a4a4;
}

table.issue_table tr.issue_high_even {
  background: #daa;
}

table.issue_table tr.issue_high_odd {
  background: #e1b3b3;
}

table.issue_table tr.issue_medium_even {
  background: #dbb;
}

table.issue_table tr.issue_medium_odd {
  background: #e1c2c2;
}

table.issue_table tr.issue_even {
  background: #dddddd;
}

table.issue_table tr.issue_odd {
  background: #e1e1e1;
}

div#view_links {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 83.33%;
}

/*     footer     */

/* hack to get it to stick at the bottom */
#non_footer {
  position: relative;
  min-height: 100%;
}

#footer {
  height: 2em;
  margin-top: -2.1em;
  position: relative;
  border-top: 1px solid #4E9A06;
  background: #D3D7CF;
}

#footer #creds {
  float: right;
  padding-right: 1em;
  font-family: sans;
  font-size: 9pt;
  color: #555753;
  text-decoration: none;
}

#footer #creds a {
  color: #4E9A06;
  text-decoration: none;
}

/* Project main page */

dl.project_info dt.name, dl.project_info dt.type, dl.project_info dd.type,
dl.project_info dt.name, dl.project_info dd.name, dl.project_info dt.description {
  display: none;
}

dl.project_info dd, dl.project_info dt {
  margin-left: 0px;
}

dl.project_info dd.description {
  margin-top: 15px;
}

dl.project_info dt.issues {
  display: inline;
}

dl.project_info dd.issues {
  display: inline;
}


/* Common Rails id's and classes */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* script.aculo.us Autocomplete */

div.autocomplete {
  position: absolute;
  border: 1px solid #BABDB6;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 0em;
  padding: 0em;
  z-index: 1; /* displays on top! */
}

div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

div.autocomplete ul li.selected {
  background-color: #FCE94F;
}

div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  background-color: #EEEEEC;
  cursor: pointer;
}

#new_project_button {
  margin-top: 25px;
}
